// 主色值 #090832
$baseBg: rgb(9, 8, 50);
@mixin baseBgRgba($opacity: 0.5) {
  background: rgba(9, 8, 50, $opacity);
}

// 字体颜色
$fontColor: rgba(0, 0, 0, .8);

// 字体颜色
$fontDColor: rgba(0, 0, 0, .5);

@mixin fontColorFn($opacity: 0.8) {
  color: rgba(0, 0, 0, $opacity);
}

// 字体高亮颜色
$mainColor: #bac4ff;

// 菜单背景色
$menuBg: #0a1034;

// 主背景色
$mainBg: #232350;

// 按钮背景色
$mainBtnBg: #1f46dc;

// 按钮浅背景色
$lightBtnBg: #6181fc;

// 边框背景色
$mainBorder: #343f81;

// 输入框背景色
$inputBg: #49487e;

// 输入框背景色
$inputBgRbga: rgba(73, 72, 126, .5);

// 提交按钮
$successBtn: rgb(46, 183, 111);

// 提交按钮
$successBtnRgba: rgba(46, 183, 111, .9);

$dangerBtn: #F56C6C;

// 置灰颜色
$disabledBg: #a1a1a1;

// 渐变背景
$linearG: linear-gradient(to right, #6181fc, #1f46dc);

// 渐变背景
$lightLinearG: linear-gradient(to right, rgba(97, 129, 252, .7), rgba(31, 70, 220, .7));

// 渐变设置
@mixin linearGMinxin($direction: right) {
  background: linear-gradient(to $direction, #6181fc, #1f46dc);
}

@function px2rem($px) {
  $rem: 1920 / 10;
  @return ($px / $rem) + rem;
}
